﻿<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>

	<!-- Meta Tags -->	
	<meta name="description" content="唯楚新材">
	<meta name="keywords" content="唯楚新材">
	<meta name="author" content="cherry">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="full-screen" content="yes" />
    <meta name="format-detection" content="telephone=no" />

	<!-- Title -->
	<title>唯楚新材--新闻资讯</title>
	
	<!-- Favicon -->
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">

	<!-- Apple Touch Icons -->
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="images/apple-touch-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="images/apple-touch-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="images/apple-touch-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon-180x180.png">
	
	<!-- Stylesheets -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/menuzord.css">
	<link rel="stylesheet" href="css/menuzord-animations.css">
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/jquery.bxslider.css">
	<link rel="stylesheet" href="css/hover.css">
	<link rel="stylesheet" href="css/magnific-popup.css">
	<link rel="stylesheet" href="css/color-switcher.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/responsive.css">
	

	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	  <script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	  <script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
</head>
<body>

     


	
	<div id="preloader">
		<div id="status"></div>
	</div>
	
	<div class="page-wrapper">

		<!-- Header Start -->
		<header class="headers-con">
			<div class="container">
				<div class="row">
					<div class="col-md-4 logo">
						<a href="home-layout-1.html"><img src="images/logo.png" alt=""></a>
					</div>
					<div class="col-md-8 nav-wrapper">

						<!-- Nav Start -->
						<div id="menuzord" class="menuzord">
							<ul class="menuzord-menu">
								<li><a href="index.html">首页</a></li>
								<li><a href="about.html">关于我们</a></li>
								<li><a href="services.html">产品中心</a></li>
								<li><a href="gallery.html">工程案例</a></li>
								<li><a href="Blog.html">新闻资讯</a></li>
								<li><a href="contact.html">联系我们</a></li>
							</ul>
						</div>
						<!-- Nav End -->

					</div>
				</div>
			</div>
		</header>
		<!-- Header End -->
		
		
		<!-- Banner Start -->
		<div class="page-banner">
			<div class="overlay"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="banner-text">
							<h1>新闻动态</h1>
							<ul>
								<li><a href="index.html">首页</a></li>
								<li><i class="fa fa-angle-right"></i></li>
								<li>新闻动态</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Banner End -->
		
		
		
		<!-- Blog Start -->
		<article class="blog">
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						<div class="post-item">
							<div class="image-holder">
								<img class="img-responsive" src="images/gallery/thumbnail/1.jpg" alt="">
								<div class="date">
									<div class="day">24</div>
									<div class="month">MAY</div>
								</div>
							</div>
							<div class="text">
								<h3>Blog Post Title</h3>
								<ul class="status">
									<li><a href=""><i class="fa fa-comments"></i>14 Comments</a></li>
									<li><a href=""><i class="fa fa-user"></i>Author: Ricky Ponting</a></li>
								</ul>
								<p>
									Minim scribentur cu mel, ut mea hinc solum sententiae, at mazim vitae intellegebat vis. Delenit dolores et ius. Everti accusam convenire ea quo, cibo nonumes no sea, his te amet ornatus. 
								</p>
								<p class="button">
									<a href="blog-single.html">Read More</a>
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="post-item">
							<div class="image-holder">
								<img class="img-responsive" src="images/gallery/thumbnail/2.jpg" alt="">
								<div class="date">
									<div class="day">24</div>
									<div class="month">MAY</div>
								</div>
							</div>
							<div class="text">
								<h3>Blog Post Title</h3>
								<ul class="status">
									<li><a href=""><i class="fa fa-comments"></i>14 Comments</a></li>
									<li><a href=""><i class="fa fa-user"></i>Author: Ricky Ponting</a></li>
								</ul>
								<p>
									Minim scribentur cu mel, ut mea hinc solum sententiae, at mazim vitae intellegebat vis. Delenit dolores et ius. Everti accusam convenire ea quo, cibo nonumes no sea, his te amet ornatus. 
								</p>
								<p class="button">
									<a href="blog-single.html">Read More</a>
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="post-item">
							<div class="image-holder">
								<img class="img-responsive" src="images/gallery/thumbnail/3.jpg" alt="">
								<div class="date">
									<div class="day">24</div>
									<div class="month">MAY</div>
								</div>
							</div>
							<div class="text">
								<h3>Blog Post Title</h3>
								<ul class="status">
									<li><a href=""><i class="fa fa-comments"></i>14 Comments</a></li>
									<li><a href=""><i class="fa fa-user"></i>Author: Ricky Ponting</a></li>
								</ul>
								<p>
									Minim scribentur cu mel, ut mea hinc solum sententiae, at mazim vitae intellegebat vis. Delenit dolores et ius. Everti accusam convenire ea quo, cibo nonumes no sea, his te amet ornatus. 
								</p>
								<p class="button">
									<a href="blog-single.html">Read More</a>
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="post-item">
							<div class="image-holder">
								<img class="img-responsive" src="images/gallery/thumbnail/4.jpg" alt="">
								<div class="date">
									<div class="day">24</div>
									<div class="month">MAY</div>
								</div>
							</div>
							<div class="text">
								<h3>Blog Post Title</h3>
								<ul class="status">
									<li><a href=""><i class="fa fa-comments"></i>14 Comments</a></li>
									<li><a href=""><i class="fa fa-user"></i>Author: Ricky Ponting</a></li>
								</ul>
								<p>
									Minim scribentur cu mel, ut mea hinc solum sententiae, at mazim vitae intellegebat vis. Delenit dolores et ius. Everti accusam convenire ea quo, cibo nonumes no sea, his te amet ornatus. 
								</p>
								<p class="button">
									<a href="blog-single.html">Read More</a>
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="post-item">
							<div class="image-holder">
								<img class="img-responsive" src="images/gallery/thumbnail/5.jpg" alt="">
								<div class="date">
									<div class="day">24</div>
									<div class="month">MAY</div>
								</div>
							</div>
							<div class="text">
								<h3>Blog Post Title</h3>
								<ul class="status">
									<li><a href=""><i class="fa fa-comments"></i>14 Comments</a></li>
									<li><a href=""><i class="fa fa-user"></i>Author: Ricky Ponting</a></li>
								</ul>
								<p>
									Minim scribentur cu mel, ut mea hinc solum sententiae, at mazim vitae intellegebat vis. Delenit dolores et ius. Everti accusam convenire ea quo, cibo nonumes no sea, his te amet ornatus. 
								</p>
								<p class="button">
									<a href="blog-single.html">Read More</a>
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="post-item">
							<div class="image-holder">
								<img class="img-responsive" src="images/gallery/thumbnail/6.jpg" alt="">
								<div class="date">
									<div class="day">24</div>
									<div class="month">MAY</div>
								</div>
							</div>
							<div class="text">
								<h3>Blog Post Title</h3>
								<ul class="status">
									<li><a href=""><i class="fa fa-comments"></i>14 Comments</a></li>
									<li><a href=""><i class="fa fa-user"></i>Author: Ricky Ponting</a></li>
								</ul>
								<p>
									Minim scribentur cu mel, ut mea hinc solum sententiae, at mazim vitae intellegebat vis. Delenit dolores et ius. Everti accusam convenire ea quo, cibo nonumes no sea, his te amet ornatus. 
								</p>
								<p class="button">
									<a href="blog-single.html">Read More</a>
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-12">
						<div class="pagination">
							<ul>
								<li><a href="" class="active">1</a></li>
								<li><a href="">2</a></li>
								<li><a href="">3</a></li>
								<li><a href="">4</a></li>
								<li><a href="">5</a></li>
								<li><a href=""><i class="fa fa-long-arrow-right"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</article>
		<!-- Blog End -->



		<!-- Footer Social Start -->
		<section class="footer-social footer-lower-height">
			<!--<div class="container">-->
			<!--<div class="row">-->
			<!--<div class="col-md-12">-->
			<!--<div class="item">-->
			<!--<ul>-->
			<!--<li><a href="#"><i class="fa fa-facebook"></i></a></li>-->
			<!--<li><a href="#"><i class="fa fa-twitter"></i></a></li>-->
			<!--<li><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
			<!--<li><a href="#"><i class="fa fa-google-plus"></i></a></li>-->
			<!--<li><a href="#"><i class="fa fa-pinterest"></i></a></li>-->
			<!--<li><a href="#"><i class="fa fa-youtube"></i></a></li>-->
			<!--</ul>-->
			<!--</div>-->
			<!--</div>-->
			<!--</div>-->
			<!--</div>-->
		</section>
		<!-- Footer Social End -->


		<!-- Footer Main Start -->
		<section class="footer-main">
			<div class="container">
				<div class="row">
					<div class="col-sm-6 col-md-3 col-lg-3 footer-col tx-cen">
						<img src="images/whiteLogo.png" alt="">
					</div>

					<div class="col-sm-6 col-md-3 col-lg-3 footer-col">
						<h3>关于唯楚</h3>
						<div class="row">
							<div class="col-md-12">
								<p>
									江苏唯楚金属新材料有限公司致力于铝幕墙材料、
									保温隔热材料、铝蜂窝板的设计、研发、制造、销售
									及安装，是一家集工业、贸易、科研、投资、服务于
									一体的多元化公司。公司拥有雄厚的技术力量、精湛
									的生产工艺、先进的检测设备、科学的管理体系和完
									...
								</p>
							</div>
						</div>
					</div>
					<!-- contact us Start -->
					<div class="col-sm-6 col-md-3 col-lg-3 footer-col">
						<h3>联系我们</h3>
						<div class="contact-item">
							<div class="icon"><i class="fa fa-map-marker"></i></div>
							<div class="text">江苏省常州市</div>
						</div>
						<div class="contact-item">
							<div class="icon"><i class="fa fa-phone"></i></div>
							<div class="text">123-456-7878</div>
						</div>
						<div class="contact-item">
							<div class="icon"><i class="fa fa-fax"></i></div>
							<div class="text">123-456-7890</div>
						</div>
						<div class="contact-item">
							<div class="icon"><i class="fa fa-envelope-o"></i></div>
							<div class="text">info@yokobd.com</div>
						</div>
					</div>
					<!-- contact us end -->
					<!-- company Logo start -->
					<div class="col-sm-6 col-md-3 col-lg-3 footer-col">
						<h3>网站地图</h3>
						<div class="row">
							<div class="col-md-6">
								<ul>
									<li><a href="index.html">唯楚首页</a></li>
									<li><a href="about.html">关于我们</a></li>
									<li><a href="services.html">工程案例</a></li>
									<li><a href="gallery.html">产品中心</a></li>
									<li><a href="Blog.html">新闻资讯</a></li>
									<li><a href="contact.html">联系我们</a></li>
								</ul>
							</div>
						</div>
					</div>
					<!-- company Logo end-->

				</div>
			</div>
		</section>
		<!-- Footer Main End -->



		<a href="#" class="scrollup">
			<i class="fa fa-angle-up"></i>
		</a>

	</div>

	
	<!-- Scripts -->
	<script src="js/jquery-2.2.4.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/menuzord.js"></script>
	<script src="js/hoverIntent.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/owl.animate.js"></script>
	<script src="js/jquery.bxslider.min.js"></script>
	<script src="js/jquery.mixitup.min.js"></script>
	<script src="js/jquery.magnific-popup.min.js"></script>	
	<script src="js/waypoints.min.js"></script> 
	<script src="js/jquery.counterup.min.js"></script>
	<script src="js/modernizr.min.js"></script>
	<script src="js/color-switcher.js"></script>
	<script src="js/custom.js"></script>
	
</body>
</html>

